<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>

		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/one.css" />
        <script src="../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="main">
			<header>
				<a href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/one.html"><div id="logn">
				</div></a>
				<div id="top-nav">
					<p>中国</p>
					<div id="nav-up-right">
						<select name="">
							<option value="defalut">Select Language</option>
							<option value="en">English</option>
							<option value="cn">Chinese</option>
						</select>
						<span> &nbsp;&nbsp;|&nbsp; </span>
						<a href="###">进入全球官网</a>
					</div>
					<ul id="nav-contain">
						<li id="nav-news">
							<a href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/news.html">新闻动态</a>
						</li>
						<li id="nav-food">
							<a href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/food.html">美食与营养</a>
							<ul id="nav-food-menu">
								<li>
									<a href="">超值 Value</a>
								</li>
								<li>
									<a href="">经典 Classics</a>
								</li>
								<li>
									<a href="">低脂 Low Fat</a>
								</li>
								<li>
									<a href="">精选 Premlum</a>
								</li>
								<li>
									<a href="">百味卷 Wrap</a>
								</li>
								<li>
									<a href="">沙拉 Salad</a>
								</li>
								<li>
									<a href="">聚餐服务 Catering</a>
								</li>
								<li>
									<a href="">饮料喝小食 Drinks & Sides</a>
								</li>
								<li>
									<a href="">早餐 BREAKFAST</a>
								</li>
								<li>
									<a href="">营养 Nutrition</a>
								</li>
								<li>
									<a href="">如何点餐 How To Order</a>
								</li>
							</ul>
						</li>
						<li id="nav-go">
							<a href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/alie.html">加盟流程</a>
						</li>
						<li id="nav-us">
							<a href="">关于我们</a>
						</li>
						<li id="nav-search">
							<a href="">快餐位置查询</a>
						</li>
					</ul>
				</div>
			</header>
			<div id="middle-active">
				<div id="middle-active-one">
					<img src="../img/2016092920365197d270.jpg"/>
					<h2>新品川香，限时尝鲜</h2>
					<p>新品川香，限时尝鲜 该产品仅限2016年9月28日至<br />
					2017年03月14日在SUBWAY®中国内地餐厅供应。<br /><br />
上述活动仅限堂吃及外带，不含外送，且不得与其他优<br />
惠同时使用。 产品以实物为准，图片仅供参考。 更多 <br />
活动详情及优惠信息，请关注SUBWAY®官方微信及微博。<br /><br />	
SUBWAY® 是Subway IP Inc.的注册商标。©2016 Subway IP Inc.版权所有</p>
				</div>
				<div id="middle-active-two">
					<img  src="../img/20160401172549d44944.jpg"/>
					<h2>一样新鲜，多样尝鲜</h2>
					<p>上述产品限于SUBWAY®赛百味中国内地餐厅供应。<br />
餐厅提供与现有三明治口味种类相同的百味卷及沙拉。<br />
百味卷价格与同款正价三明治价格相同。沙拉价格为<br />
同款正价三明治价格+3元。不与其他优惠同享。产品<br />
以实物为准，图片仅供参考。<br />
更多活动详情及优惠信息，请关注SUBWAY®官方微信及微博。<br />
SUBWAY® 赛百味可以在法律允许的范围内对活动进行适当调整。 <br />
SUBWAY® is a Registered Trademark of Subway IP Inc. ©2016 Subway IP Inc.</p>
				</div>
				<div id="middle-active-three">
					<img id="new-three" src="../img/article3.jpg"/>
					<h2>2013七星奖</h2>
					<p>Subway®赛百味获得中国食品健康七星奖。<br />
						<a href="">2013七星奖《第一财经日报》发榜特刊 1</a><br />
						<a href="">2013七星奖《第一财经日报》发榜特刊 2</a><br />
						<a href="">视频：五星美味 – 赛百味篇</a><br />
					</p>
				</div>
			</div>
			<div id="main-down">
				<ul>
					<li><a id="down-location" href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/two.html"></a></li>
					<li><a id="down-get" href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/three.html"></a></li>
					<li><a id="down-active" href="http://192.168.0.195:8020/%E8%B5%9B%E7%99%BE%E5%91%B3%E6%9C%AC%E5%9C%B0%E4%BB%93%E5%BA%93/homePage/four.html"></a></li>
					<li><a id="down-sina" href="http://weibo.com/subwayrestaurantcn"></a></li>
					<li><a id="down-wechat"  href=""></a></li>
					<div id="wechat-img">
						<img src="../img/38A.png"/>
					</div>
				</ul>
				<p>主页 | 菜单/营养 | 如何加盟 | 关于我们 | 快餐店位置查询 <br />
联系我们 | 使用条款 | 隐私权政策 | SUBWAY Partners™ <br /><br />

SUBWAY® is a Registered Trademark of Subway IP Inc. <br />
®2016 Subway IP Inc.</p>
			</div>
		</div>
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var navFood = document.getElementById("nav-food")
			var navFoodMenu = document.getElementById("nav-food-menu")
			var navContain = document.getElementById("nav-contain")
			var downLocation = document.getElementById("down-location")
			var speed = 5
			var speed2 = 30
			var downWechat = document.getElementById("down-wechat")
			var haha = document.getElementById("haha")
			var wechatImg = document.getElementById("wechat-img")
			var middleLocation = document.getElementById("middle-location")
			var middle = document.getElementById("middle")
			navContain.onmouseover = function(ev) {
				ev.target.style.color = "yellow"
			}
			navContain.onmouseout = function(ev) {
				ev.target.style.color = "white"
			}

			navFood.onmouseenter = function() {
				navFoodMenu.style.display = "block"
			}
			navFood.onmouseleave = function() {
				navFoodMenu.style.display = "none"
			}
			var middleActive = document.getElementById("middle-active")
			console.log(middleActive.offsetHeight)
			downWechat.onmouseover = function () {
				wechatImg.style.display = "block"
				wechatImg.style.top = middleActive.offsetHeight - 150 + "px"
			}
			downWechat.onmouseout = function () {
				wechatImg.style.display = "none"
			}
			
				$("#middle-active-one").animate({
          	        left : "0"
          },1000)
				$("#middle-active-three").animate({
          	        left : "600"
          },1000)
			
			
		</script>

	</body>

</html>
